{% extends "iphone/base.html" %}

{% block body %}
    <div data-role="page" data-theme="b">
        <div data-role="header">
            {% if not is_ajax %}
                <a href="/" data-role="button" data-icon="arrow-l">Back</a>
            {% endif %}
            <h1>Choose Channel</h1>
        </div>

        <div data-role="content">
            <ul data-role="listview">
                {% for channel in channel_list %}
                    <li><a href="/live/{{ channel.number }}/">{{ channel.name }}</a></li>
                {% endfor %}
            </ul>
        </div>
    </div> 
{% endblock %}
